<template>
  <el-card>
    <el-row :gutter="30" type="flex" align="middle">
      <el-col :span="6" class="col-flex">
        <div class="title">工单编号</div>
        <el-input placeholder="请输入内容" class="input-with-select">
        </el-input>
      </el-col>
      <el-col :span="6" class="col-flex">
        <div class="title">工单状态</div>
        <el-select placeholder="请选择">
          <el-option label="取消" value="3" prop="121"></el-option>
        </el-select>
      </el-col>
      <el-col :span="10" class="button col-flex">
        <el-button type="primary" icon="el-icon-search">搜索</el-button>
      </el-col>
    </el-row>
  </el-card>
</template>

<script>
export default {
  name: "PageTools",

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
.col-flex {
  display: flex;
  align-items: center;
  .title {
    margin-right: 8px;
  }
  .input-with-select {
    width: 200px;
  }
}
// style="margin-right: 5px"
</style>
